<template>
    <a-pagination :total="500" :item-render="itemRender" class="p3"/>
</template>
<script>
export default {
    methods: {
      itemRender(current, type, originalElement) {
        if (type === 'prev') {
          return <a>上一页</a>;
        } else if (type === 'next') {
          return <a>下一页</a>;
        }
        return originalElement;
      },
    },
  };
</script>
<style>
.p3 .ant-pagination-item-active { background: #3eaf7c; }
.p3 .ant-pagination-item-active a { color: #ffffff; }
.ant-pagination > li {
      margin-bottom: 8px;
    }
</style>  